/*头部*/
#wrap{width:100%;position: relative;}
#nav{width: 100%;height: 70px;background: rgb(27,27,27);position:relative;}
.nav_box{width:70%; min-width:1134px;height:100%;margin: 0 auto;overflow: hidden;}
.nav_logo{height:100%;float:left;}
.nav_logo img{width:150px;height:33px;margin-top: 19px;}
.nav_logo_right{ display: none;width:25px;height:26px; position:absolute;right:50px;top:0px;bottom:0; margin:auto}
.nav_logo_right img{width: 100%;height: 100%;}
.nav_content{height:100%;float:right;}
#nav .nav_content .list{height:100%; font-size:16px;margin-top:20px;}
#nav .nav_content .list li{float:left;margin:0 20px;text-align: center;}
#nav .nav_content .list li a{padding:5px 10px;line-height:30px;color:#ccc;}
#nav .nav_content .list li a:hover{color: white;border: 1px solid #ccc;border-radius: 8px;text-decoration: none;}
.active{color: white;border: 1px solid #ccc;border-radius: 8px;text-decoration: none;}
.clear:after{content: "";display: block;clear: both;}
/*尾部*/
#footer{width:100%;}
#footer_box{width: 80%;margin: 0 auto;text-align: center;}
#footer #footer_box a{position: relative;display: block;}
#footer .footer_mail{width: 36px;height: 26px;margin:25px auto 0;position: relative;}
#footer .footer_link{width:170px;height: 25px;margin:15px auto 20px;position: relative;}
#footer .footer_link a{width: 25px;height:25px;float: left;margin: 0 8px;}
#footer a img:nth-child(even){position: absolute;top:0;left:0;opacity:0;}
#footer a img:nth-child(even):hover{opacity: 1;}
#footer_box>p{padding-bottom: 25px;}
/*头部响应式*/
/*848~1134*/
@media  screen and (min-width: 848px) and (max-width:1134px) {
	.nav_box{width: 60%;}
#nav .nav_content{	
	margin-left:400px;
	width: 720px;
	position: absolute;
	right:-50px;
}
}
/*620~848*/
@media screen and (min-width: 630px) and (max-width:847px){
	.nav_content{display: none;}
	.nav_logo_right{display: block;}
}
/*348~629*/
@media screen and (min-width:348px) and (max-width:629px){
	.nav_content{display: none;}
	.nav_logo_right{display: block;width:34px;height:39px;}
}